<template>
    <div class="banners">
        <!-- food -->
        <img src="../svg/food-icon.svg" alt="" class="food-icon">
        <!-- health -->
        <img src="../svg/health-icon.svg" alt="" class="health-icon">
    </div>
</template>

<script>
export default {
    props: ['player'],
    computed: {
        foodRatio() {
            return this.player.food / maxFood
        },
        healthRatio() {
            return this.player.health / maxHealth
        }
    }
}
</script>

<style>

</style>
